*{
	padding: 0px;margin: 0px;text-decoration: none;
}
// 头部开始
#top{
	width: 1349px;height: 80px;/*border: 1px solid #ff2d4b;*/
	background: #ff2d4b;
	#logo{
		display:block;float: left;
		width: 155px;height: 35px; /*border: 1px solid #ff2d4b;*/
		margin-left: 185px; margin-top: 22px;
        background: url(../images/1.png) no-repeat 0px -90px;
	}
	#change{
		float: left;background: #ffffff;
		width: 255px;height: 37px; 
		margin-left: 21px;margin-top: 22px;
		border-radius:2px;
		div{
            float: left;
			width: 13px;height: 16px; /*border: 1px solid black;*/
			margin-top: 10px;margin-left: 10px;
			background: url(../images/1.png) no-repeat -142px -136px;

		}
		input{
            float: left;
            margin-left: 10px;
			width: 150px;height: 37px; border:none;
			font-size: 12px;font-weight: 400;font-family: "微软雅黑";
		}
		a{
            float: left;
            margin-left: 25px;
			width: 45px;height: 37px; border-left: 1px solid #e4e4e4;
			color: black;line-height: 37px;text-indent: 10px;
			font-size: 12px;font-weight: 400;font-family: "微软雅黑";
		}
	}
	ul{
		float: left;
		margin-left: 14px;		
		li{
			width: 112px;height: 80px; /*border-left: 1px solid black;*/
			list-style: none;float: left;color: white;font-size: 18px;
			text-align: center;line-height: 78px;font-family: "微软雅黑";
		}
		li:hover{
			background: #dc1432;
		}
	}
	#in{
		float: left;
		margin-left: 50px;margin-top: 23px;
		width: 140px;height: 35px; /*border: 1px solid black;*/
		#login{
		   display: block;float: left;
           width: 70px;height: 35px; /*border: 1px solid black;*/
           text-indent: 25px;line-height: 35px;background: #dc1432;
           color: white;font-size: 12px;font-family: "微软雅黑";
           border-top-left-radius:25px;
           border-bottom-left-radius:25px;
		}
		#regist{
		   display: block;float: left;margin-left: 2px;
	       width: 65px;height: 35px; /*border: 1px solid black;*/
	       text-indent: 20px;line-height: 35px;background: #dc1432;	
	       color: white;font-size: 12px;font-family: "微软雅黑";	
           border-top-right-radius:25px;
           border-bottom-right-radius:25px;
		}
		#login:hover,#regist:hover{
			background: #c00a24;
		}
	}
}
// 广告
#ad{
	display: block;
	width: 980px;height: 100px; /*border: 1px solid black;*/
	margin-left: 185px;margin-top: 20px;
	background: url(../images/2.jpg) no-repeat -125px 0px;
}
// 列表
#list{
	width: 980px;height: 147px; border-bottom: 1px solid #e4e4e4;
	margin-left: 185px;margin-top: 20px;background: #fafafa;
	li{
	    float: left;;
        width:140px;height: 147px;/*border: 1px solid black;*/
        /*margin-left:34px;margin-right:34px;*/list-style: none;
	    .div1,.div2,.div3,.div4,.div5,.div6,.div7{
	      	width:70px;height:70px;/*border: 1px solid black;*/border-radius: 50px;
	      	margin-top: 20px;margin-left: 35px;
	    }
	    .div1{
	    	background: url(../images/4.png) no-repeat 0px -80px;
	    }
	    .div2{
	    	background: url(../images/4.png) no-repeat -80px 0px;
	    }
	    .div3{
	    	background: url(../images/4.png) no-repeat -160px 0px;
	    }
	    .div4{
	    	background: url(../images/4.png) no-repeat -240px 0px;
	    }
	    .div5{
	    	background: url(../images/4.png) no-repeat -320px 0px;
	    }
	    .div6{
	    	background: url(../images/4.png) no-repeat -400px 0px;
	    }
	    .div7{
	    	background: url(../images/4.png) no-repeat -480px 0px;
	    }
	    .sanjiao1,.sanjiao2,.sanjiao3,.sanjiao4,.sanjiao5,.sanjiao6,.sanjiao7{
	      	width:18px;height:10px;
	      	margin-top: 18px;margin-left: 60px;display: none;
	      	background:#fafafa url(../images/8.png) no-repeat -22px 0px;
	    }	    
	    span{
	      	display: block;
	        width:140px;height: 15px;/*border: 1px solid black;*/
	      	text-align: center;margin-top: 15px;color: black;
	      	font-size: 15px;line-height: 15px;font-family: "微软雅黑";
	    }
	}
	li:hover{
	    .div2{
	    	background: url(../images/4.png) no-repeat -80px -80px;
	    }
	    .div3{
	    	background: url(../images/4.png) no-repeat -160px -80px;
	    }
	    .div4{
	    	background: url(../images/4.png) no-repeat -240px -80px;
	    }
	    .div5{
	    	background: url(../images/4.png) no-repeat -320px -80px;
	    }
	    .div6{
	    	background: url(../images/4.png) no-repeat -400px -80px;
	    }
	    .div7{
	    	background: url(../images/4.png) no-repeat -480px -80px;
	    }
	    .sanjiao2,.sanjiao3,.sanjiao4,.sanjiao5,.sanjiao6,.sanjiao7{
            display:block;
	    }
		span{
            color: #ff2d4b;
		}	    
	}
}
// 列表下索引部分
#listdown{
	width:980px;height:60px;/*border: 1px solid black;*/
	margin-left: 185px;background: #fafafa;
	// 左侧筛选按钮
	#listdown_left{
		width:332px;height:21px;border-right: 1px solid #e4e4e4;
		margin-top: 15px;float: left;
		span{
			float: right;font-family: "微软雅黑";
			margin-right: 30px;margin-top: 5px;
			font-size: 13px;line-height: 13px;/*border: 1px solid black*/;
			div{
				float: left;margin-right: 4px;
				width: 15px;height: 15px;/*border: 1px solid black;*/
				background:url(../images/8.png) no-repeat 0px -40px;
				cursor:pointer;
			}
			div:active{
                background:url(../images/8.png) no-repeat 0px -20px;
			}
		}
	}
	// 搜索栏
	#listdown_form{
		float: right;margin-top: 15px;margin-right: 18px;
        width: 217px;height: 28px;border: 1px solid #e4e4e4;
        .kuang{
            width: 187px;height: 28px;border:none;
            border-right: 1px solid #e4e4e4;
            text-indent: 10px;	color: #e4e4e4; 
            font-size: 13px;font-family: "微软雅黑";
        }
        .submit{
        	float: right;cursor: pointer;
            width: 28px;height: 28px;border:none;	
            background:white url(../images/8.png) no-repeat -10px -70px;
        }
	}
}
// 店铺
#dianpu{
	    width: 1000px;/*border: 1px solid black;*/float: left;
	    margin-left: 165px;
	li{
	    width: 230px;height: 262px;border: 1px solid #f4f4f4;
	    list-style: none;background: #fafafa;
	    position: relative;float: left;
	    margin-left: 18px;margin-top:20px;
	    img{
	    	width: 230px;height: 140px;
	    }
	    .dianpu1{
	    	font-size: 15px;font-family: "微软雅黑";color: #333333;
	    	margin-left: 15px;margin-top: 10px;
	    }
	    .dianpu2{
	    	color: #808080;font-size: 12px;font-family: "微软雅黑";
	    	margin-top: 10px;margin-left: 15px;
	    	.star1{
	    		float: left;overflow: hidden;
	    		width: 75px;height: 15px;/*border: 1px solid black;*/
	    		background: url(../images/1.png) no-repeat -82px 2px;
	    	}
	    	.star2{
	    		width: 75px;height: 15px;/*border: 1px solid black;*/
	    		background: url(../images/1.png) no-repeat -112px -19px;
	    	}
	    }
	    .dianpu3{
	    	color: #808080;font-size: 12px;font-family: "微软雅黑";
	    	margin-top: 8px;margin-left: 15px;
	    }
	    .tag{
	    	width: 180px;height: 20px;/*border: 1px solid black;*/
	    	margin-top: 5px;margin-left: 15px;
	    	.tags1{
	    		width: 20px;height: 20px;/*border: 1px solid black;*/
	    		border-radius: 50px;margin-right: 5px;float: left;
	    		background:  url(../images/9.png) no-repeat 0px -40px;
	    	}
	    	.tags2{
	    		width: 20px;height: 20px;/*border: 1px solid black;*/
	    		border-radius: 50px;margin-right: 5px;float: left;
	    		background:  url(../images/9.png) no-repeat -51px -40px;
	    	}
	    	.tags3{
	    		width: 20px;height: 20px;/*border: 1px solid black;*/
	    		border-radius: 50px;margin-right: 5px;float: left;
	    		background:  url(../images/9.png) no-repeat -101px -40px;
	    	}
	    }
	    // 右侧隐藏区
	    .dianpu_show{
	    	width: 250px;border: 1px solid #ececec;background: #ffffff;
	    	border-left: none;display: none;z-index: 2;
	    	position: absolute;left: 230px;top: 0px;
		    .dianpu_show_top{
		    	width: 200px;height:50px;border-bottom: 1px solid #dddddd;
		    	font-size: 15px;font-family: "微软雅黑";color: #333333;
		    	margin-left: 20px;float: left;line-height: 50px;
		    }
		    .dianpu_show_tag{
		    	width: 200px;border-bottom: 1px solid #dddddd;
		    	margin-left: 20px;float: left;
		    	.tags1{	
		    	    width: 200px;height: 20px;margin-top: 10px;	    		
			    	div{
			    		width: 20px;height: 20px;border-radius: 50px;float: left;
			    		background:  url(../images/9.png) no-repeat 0px -40px;
			    	}
			    }
			    .tags2{
			    	width: 200px;height: 20px;margin-top: 10px;	    
			    	div{
			    		width: 20px;height: 20px;border-radius: 50px;float: left;
			    		background:  url(../images/9.png) no-repeat -51px -40px;
			    	}
			    }
			    .tags3{
			    	width: 200px;height: 20px;margin-top: 10px;margin-bottom: 10px;	    
			    	div{
			    		width: 20px;height: 20px;border-radius: 50px;float: left;
			    		// margin-bottom: 10px;
			    		background:  url(../images/9.png) no-repeat -101px -40px;			    		
			    	}
                }
			    span{
			    	color: #808080;font-size: 12px;font-family: "微软雅黑";line-height: 20px;	
			    	margin-left:5px;float: left;	
			    }
		    }
		    .dianpu_show_ads{
		    	width: 200px;/*border: 1px solid black;*/
		    	margin-left: 20px;float: left;
		    	div{
	     	    	font-size: 15px;font-family: "微软雅黑";color: #333333;	   
	     	    	margin-top: 10px; 		
		    	}
		    	p{
		    		color: #808080;font-size: 12px;font-family: "微软雅黑";
		    		margin-top: 10px;margin-bottom: 10px;	    
		    	}
		    }
		    .dianpu_show_sj{
		    	width: 10px;height: 15px;/*border: 1px solid black; */
		    	position: absolute;left: -6px;top: 21px;
		    	background: url(../images/1.png) no-repeat -148px -287px;
		    }
		}    
    }
    li:hover{
    	img{opacity: 0.8}
	    .dianpu_show{display: block;}
	}
}

// foot
#foot{
	width: 1349px;height: 190px;/*border: 1px solid black;*/
	background: #fafafa;margin-top: 50px;float: left;
	.foot_top{
		width: 980px;height: 122px;border-bottom: 1px solid #eeeeee;
		margin-left: 185px;
		li{
			float: left;list-style: none;margin-top: 18px;
			width: 235px;height: 86px;/*border: 1px solid black;*/
			h3{
				color:#999999;
				font-size: 15.6px;font-family: "微软雅黑";font-weight: 700;
				margin-left: 52px;margin-bottom: 10px;
				#kefu{
					float: left;
					width: 34px;height: 27px;/*border: 1px solid black;*/
					background: url(../images/6.png) no-repeat 2px 3px;
				}
			}
			a{
				display: block;font-family: "微软雅黑";
				font-size: 12px;color: #AAA;
				margin-left: 52px;margin-bottom: 3px;
			}
			a:hover{
				color: #666666;
			}
			#span1{
                display: block;color: #999999;font-family: "微软雅黑";
                margin-left: 52px;margin-bottom: 5px;
			}
			#span2{
                display: block;color: #AAA;font-family: "微软雅黑";
                margin-left: 52px;margin-bottom: 5px;font-size: 12px;
			}
		}
		.line{
			float: left;margin-top: 18px;
			width: 1px;height: 86px;border-left: 1px solid #eeeeee;
		}
	}
	.foot_botton{
        width:240px;height: 22px;/*border: 1px solid black;*/
        margin-left: 560px;margin-top: 15px;
        span{
        	color: #AAA;font-size: 12px;font-family: "微软雅黑";
        	a{
        		color: #AAA;font-size: 12px;font-family: "微软雅黑";
        	}
        }
	}
}


